<template>
	<div>
		<!-- <h1>首页啦啦啦</h1> -->
		<div class="home-head">
			<div class="lunbokuang"><div class="lunbo">
				<!-- <span class="demonstration">默认 Hover 指示器触发</span> -->
				<el-carousel height="421px" width="941px" >
					<el-carousel-item v-for="item in 2" :key="item">
						<!-- <h3>{{ item }}</h3> -->
					</el-carousel-item>
				</el-carousel>
			</div>
			</div>
			<div class="kouhaokuang">
			<div class="kouhao">
				<div class="kouhaoimg"></div>
				<div class="kouhaozi">
					<p>效率成就品牌<br>诚信铸就未来</p>
				</div>
			</div>
			</div>
		</div>
	</div>
</template>

<script>
export default {

}

</script>
<style scoped>
	.block{
		/*background-color: black;*/
		height:421px;
		width:100%;
	}
	.lunbo{
		height:421px;
		width:941px;
		float:right;
	}
	/*.el-carousel__item h3 {        轮播图上的数字，不会要，可以删掉的h3
		color: #475669;
		font-size: 14px;
		opacity: 0.75;
		line-height: 421px;
		margin: 0;
	}*/

	.el-carousel__item:nth-child(2n) {
		background: url(../assets/decoration/lunbo_001.jpg) no-repeat;
		/*<img src="">*/
	}
	
	.el-carousel__item:nth-child(2n+1) {
		background: url(../assets/decoration/lunbo_002.jpg) no-repeat;
	}
	.kouhao{
		height: 421px;
		width: 242px;
		background-color: #E5E4ED;
		float:left;
        /*background: url(../assets/decoration/kouhao_001.jpg) no-repeat;*/
	}
	.kouhaoimg{
		height: 50%;
		width: 100%;
		background: url(../assets/decoration/kouhao_001.jpg) no-repeat;
		background-size: 90% 70%;
		margin:50px 14px 0 14px;	
	}
	.kouhaozi{
		height: 50%;
		width: 100%;
		text-align: center;
		font-family: 隶书;
		font-size: 2em;
		color:#666666;
	}
	.lunbokuang{
		/*width: 1010px;*/
		width:74%;
		float:left;
	}
	.kouhaokuang{
		width:24%;
		float: right;
	}

</style>
